html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {              margin:0;padding:0; }
body{ overflow-x:hidden;margin:0px; padding:0px; margin:auto; color:#252424; font-size:12px;  font-family:Arial,"微软雅黑"; font-size: 14px;}

/** 伪类定义 **/
a{text-decoration: none;color:#252424; font-family:Arial,"微软雅黑"; font-size: 14px;}
a:hover{color:red;  text-decoration: none;}
 
/** 清除链接虚框 **/
a,area {blr:expression(this.onFocus=this.blur()) }  /*for IE */
:focus {-moz-outline-style: none; }  /*for Firefox   */
h1,h2,h3,h4,h5,h6{ font-family: Arial,"微软雅黑"}

selection {color:#FFFFFF;background-color:#209EEB;}
q:before, q:after {   content: '';   }    
abbr, acronym {  border: 0; }
code::selection{background-color:#209EEB}
::-moz-selection {color:#FFFFFF;background-color:#209EEB}
code::-moz-selection{background-color:#209EEB}
li{list-style-type:none;}
table{border-collapse:collapse;}
img{border-style: none;}
fieldset{border-style: none }
label,button{cursor: pointer;}
select,input,textarea{font-size:12px;}

/** 清除浮动定义 **/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
.clearbox {border-top: 1px solid transparent !important;margin-top: -1px !important;border-top: 0px;margin-top: 0px;height: 0px;clear: both;background: none;	font-size: 0px;visibility: hidden;}/*clearbox：清除浮动，撑开边框*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
.fix{word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.clear{font-size:0;line-height:0;height:0;clear:both;overflow: hidden;display: block;}
i, em{ font-style:normal;}
/** 浮动 **/
.left{ float:left;}
.right{ float:right;}
.fl{ float:left;}
.fr{ float:right;}
.b {font-weight:bold;}
.none{display:none;}
.hidden { display:none;} 

/** 默认宽度 **/
.wra{width: 1000px; height: auto; margin: auto;}

/** 信息 **/
.info{position: fixed; width: 42px; height: 183px; right: 5.6%; top:70%; z-index: 99;}
.info div{margin-bottom: 20px;}
.info .tel{position: relative;}
.info .top{display: none;}
.info .number{position: absolute; width: 200px; display: none; height: 40px; text-align: center; line-height: 40px; top:0; left: -210px; background: #fff; font-size: 18px; border-radius: 8px; border: 1px solid #ccc; box-shadow: 0 1px 3px 0 #ccc; }

/** 顶部 **/
.headerbg{width: 100%; height: 74px; background: #293237;}
	.header{position: relative; width: 1000px; height: 74px; margin: auto;}
	.header .logo{position: absolute; width: 131px; height: 52px; top:10px;}
	.header .logo a{display: block; width: 131px; height: 52px;}
	.header .nav{position: absolute; width: 391px; height: 74px; left: 315px;}
	.header .nav ul li{float: left; width: 78px; height: 74px;}
	.header .nav ul li a{display: block;    font-family: Arial, "宋体"; width: 78px; height: 71px; line-height: 71px; color: #bdbec0; font-size: 14px; text-align: center;}
	.header .nav ul li a:hover{background: #20282b; border-bottom: 3px solid #ffd737; color: #fff;}
	.header .tel{position: absolute; width: 254px; height: auto; text-align: right; top:18px; right: 0; color: #bfbfbf; font-size: 14px;}
	.header .tel span{font-size: 24px;}

/** banner **/
.banner{width: 100%; height: 526px; background: #1a2225 url(../images/banner.gif) top center no-repeat;}

/** 解决方案 **/
.scheme-bg{width: 100%; height: 599px; background: #f0f0f0;}
	.scheme{ width: 1017px; height: 599px; margin: auto;}
	.scheme .hd{ text-align: center; padding-top: 76px;}
	.scheme .hd h3{font-size: 36px; font-weight: normal;}
	.scheme .hd p{font-size: 22px; color: #b3b3b3; margin-top: 34px;}
	.scheme .bd{position: relative; width: 1017px; height: 275px; margin-top: 25px; background: url(../images/scheme-bg.png) no-repeat;}
	.scheme .bd .idea{top:0; left: 0;}
	.scheme .bd .scattered{left:0; bottom:0;}
	.scheme .bd .submenu{position: absolute; width: 159px; height: 122px;  text-align: center; padding-top: 38px; font-size: 18px; color: #898989;}
	.scheme .bd .submenu .submenu-ico{ display: block;}
	.scheme .bd .idea,.scheme .bd .scattered{width: 125px; height: 102px; text-align: center; padding-top: 26px;}
	.scheme .bd .diagnose{left: 135px; top:51px;}
	.scheme .bd .products{left: 317px; top:51px;}
	.scheme .bd .exploit{left: 498px; top:51px;}
	.scheme .bd .operation{left: 675px; top:51px;}
	.scheme .bd .formation{right: 0; top:51px;}
	.submenu .submenu-ico{
		animation:submenu-ico 2s ease-in-out infinite;
		-webkit-animation:submenu-ico 2s ease-in-out infinite;
	}

	@keyframes submenu-ico{
		0%{
			transform:scale(1,1);
			-webkit-transform:scale(1,1);
		}
		50%{
			transform:scale(0.6,0.6);
			-webkit-transform:scale(0.6,0.6);
		}
		60%{
			transform:scale(1,1);
			-webkit-transform:scale(1,1);
		}
		70%{
			transform:scale(0.7,0.7);
			-webkit-transform:scale(0.7,0.7);
		}
		80%{
			transform:scale(1,1);
			-webkit-transform:scale(1,1);
		}
		90%{
			transform:scale(0.8,0.8);
			-webkit-transform:scale(1.1,1.1);
		}
	}
	@-webkit-keyframes submenu-ico{
		0%{
			transform:scale(1,1);
			-webkit-transform:scale(1,1);
		}
		50%{
			transform:scale(0.9,0.9);
			-webkit-transform:scale(0.9,0.9);
		}
		60%{
			transform:scale(1,1);
			-webkit-transform:scale(1,1);
		}
		70%{
			transform:scale(1.2,1.2);
			-webkit-transform:scale(1.2,1.2);
		}
		80%{
			transform:scale(1,1);
			-webkit-transform:scale(1,1);
		}
		90%{
			transform:scale(1.1,1.1);
			-webkit-transform:scale(1.1,1.1);
		}
	}

/** 互联网加 **/
.banner-tit{width: 100%; height: 178px; background: url(../images/banner-tit.png) top center no-repeat;}

/****/
.introduce{width: 100%; height: 688px;}
.introduce .list{}
.introduce .list .mod{width: 280px; margin:90px 0 0 80px;}
.introduce .list .no{ margin-left: 0;}
.introduce .list .mod .tit{text-align: center;}
.introduce .list .mod .tit h3{font-size: 36px; color: #000; font-weight: normal; margin-bottom: 15px;}
.introduce .list .mod .tit p{ font-size: 20px; color: #b3b3b3;}
.introduce .list .mod .ico{ width: 140px; height: 140px; margin: auto; margin-top: 68px;}
.introduce .list .mod .content{margin-top: 93px; color: #939393; line-height: 28px; font-size: 16px;}

/** 产品设计服务 **/
.serve-product{width: 100%; height: 865px; background: #ff6c4a;}
	.product{padding-top: 114px;}
	.product .menu{width: 304px;}
	.product .menu .content{height: 346px;}
	.product .menu .content .hd{text-align: right;}
	.product .menu .content .else{text-align: left;}
	.product .menu .content .hd span{display: inline-block; height: 114px;}
	.product .menu .content .hd h3{color: #fefeff; font-size: 35px; font-weight: normal; margin: 10px 0;}
	.product .menu .content .hd p{color: #fffeff; font-size: 20px;}
	.product .menu .content .bd{color: #fffeff; padding-top: 28px; line-height: 26px;}
	.product .tit{position: relative; width: 361px; height: 354px; margin: 131px 15px 0 15px;}
	.product .tit .outside{position: absolute; width:361px; height: 354px; top:0; left: 0; background: url(../images/outside.png) no-repeat; z-index: 9; 
							animation:rotate 10s infinite linear;
							-webkit-animation:rotate 10s infinite linear;
	}
	.product .tit .interior{position: absolute; width:361px; height: 354px; top:0; left: 1px;  background: url(../images/interior.png) center no-repeat;}

	@keyframes rotate{
		100%{
			transform:rotate(360deg);
			-webkit-transform:rotate(360deg);
		}
	}
	@-webkit-keyframes rotate{
		100%{
			transform:rotate(360deg);
			-webkit-transform:rotate(360deg);
		}
	}

/** 技术服务 **/
.serve-technical{width: 100%; background: #a87eff;}
	.technical{position: relative; width: 1000px; height: 866px;}
	.technical .big-tit{position: absolute; width: 276px; height: 86px; top:154px; left: 366px;}
	.technical .content{position: absolute;}
	.technical .content .icon-bg{position: relative; width: 137px; height: 160px; background: url(../images/icon-bg.png) bottom center no-repeat;}
	.technical .content .icon-bg .outside{position: absolute; width: 137px; height: 138px; top:0; left: 0;}
	.technical .content .icon-bg .interior{position: absolute; width: 100px; height: 100px; top:19px; left: 19px;}
	.technical .content .hd{ margin-top: 17px;}
	.technical .content .hd h3{ font-size: 28px; font-family: Arial,"宋体"; color: #fff; font-weight: normal;}
	.technical .content .bd ul{padding: 38px 0 0 0;}
	.technical .content .bd ul li{ margin-bottom: 23px;}
	.technical .content .bd ul li span{ display: block; font-size: 20px; color: #fff;}
	.technical .content .bd ul li{color: #fff; font-size: 16px; line-height: 28px;}
	.technical .phone{ width: 262px; height: 555px; top:130px; left: 74px;}
	.technical .weixin .icon-bg{ margin: auto;}
	.technical .weixin{ width: 333px; height: 512px; top:290px; left: 333px;}
	.technical .weixin .hd{text-align: center;}
	.technical .weixin .bd ul li span{ text-align: center;}
	.technical .phoneweb{width: 292px; height: 540px; top:130px; right: 0px;}

/** 网络营销推广 **/
.marketing-bg{width: 100%; height: 682px; background: #75ddff url(../images/marketing-bg.png) top center no-repeat;}
	.marketing{position: relative; padding-top: 139px;}
	.marketing .ico-bg{position: absolute;  width: 84px; height: 42px; left: 460px; top:-5px; z-index: 99; background: url(../images/marketing-pic.png) no-repeat;}
	.marketing .content{width: 343px;}
	.marketing .content .hd{margin-bottom: 50px;}
	.marketing .content .hd h3{font-size: 36px; font-weight: normal;}
	.marketing .content .bd ul li{margin-bottom: 61px;}
	.marketing .hlw .bd ul li{margin-bottom: 34px;}
	.marketing .content .bd ul li h3{ font-size: 22px; font-weight: normal; margin-bottom: 10px;}
	.marketing .content .bd ul li p{font-size: 16px; line-height: 24px;}
	.marketing .content .else{text-align: right;}
	.marketing .big-tit{ width: 234px; height: 365px; text-align: center; margin: 0 49px 0 29px; margin-top: 36px;}

/** 增值服务 **/
.serve-appreciation{width: 100%;}
	.appreciation{position:relative; width: 1000px; height: 916px;}
	.appreciation .big-tit{position: absolute; width: 112px; height: 266px; left: 128px; top:334px;}
	.appreciation .list{ height: 121px; position: absolute; padding-left: 163px;}
	.appreciation .list h3{color: #575757; font-size: 30px; font-weight: normal;}
	.appreciation .list span{ display: block; color: #c8c8c8; font-size: 18px; margin: 13px 0;}
	.appreciation .list p{font-size: 18px; color: #000;}
	.appreciation .list-01{ top:98px; left: 166px; background: url(../images/appreciation-icon1.png) left top no-repeat;}
	.appreciation .list-02{ top:249px; left: 280px; background: url(../images/appreciation-icon2.png) left top no-repeat;}
	.appreciation .list-03{ top:411px; left: 371px; background: url(../images/appreciation-icon3.png) left top no-repeat;}
	.appreciation .list-04{ top:550px; left: 280px; background: url(../images/appreciation-icon4.png) left top no-repeat;}
	.appreciation .list-05{ top:700px; left: 166px; background: url(../images/appreciation-icon5.png) left top no-repeat;}
	
.mod-bg{width: 100%; height: auto; background: url(../images/case-bg.png) repeat-x;}
/** 案例 **/
.case{}
.case ul{ padding: 30px 0 0 0;}
.case ul li{float: left; width: 318px; margin-left: 20px;}
.case ul li.no{ margin-left: 0;}
.case ul li .pic{position: relative; width: 225px; height: auto; margin: auto; }
.case ul li .pic .info{position: absolute; width: 84px; height: 37px; color: #fff; font-size: 20px; line-height: 37px; padding-left: 15px; bottom: 53px; left: -9px; background: #ff000a; border-radius:0 20px 20px 0;}
.case ul li .pic .info2{background: #3d8ff2;}
.case ul li .pic .info3{background: #28cea1;}
.case ul li .tit{margin-top: 31px; color: #737373; line-height: 24px; font-size: 12px;}

/** 需求 **/
.need{margin-top: 118px;}
.need .hd{ border-bottom: 1px solid #e9ebec; text-align: center; padding-bottom: 31px;}
.need .hd img{display: inline-block; max-width: 100%; height: auto;}
.need .bd{ padding-top: 34px;}
.need .bd input{display: block; outline:none; width: 515px; height: 43px; background: #fbfbfb; font-size: 14px; margin-bottom: 16px; padding-left: 16px; border: 1px solid #dcdcdc; border-radius: 4px;}
.need .bd textarea{display: block; outline:none; width: 423px; height: 218px; background: #fbfbfb; font-size: 14px; border: 1px solid #dcdcdc; border-radius: 4px; padding:14px 0 0 16px;}
.need .bd .button{text-align: center; margin-top: 30px;}
.need .bd .button button{ outline:none; width: 270px; height: 40px; line-height: 40px; border: none; border-radius: 4px; font-size: 18px; color: #241d03; text-align: center; background: #ffd737;}
.need .bd .button p{color: #777777; font-size: 16px; margin-top: 14px;}

/** 底部 **/
.footer-bg{width: 100%; height: 326px; background: #21262a; margin-top: 100px;}
	.footer ul li{color: #7e8082; margin-bottom: 20px; }
	.footer ul li a{color: #7e8082;}
	.footer ul li a:hover{color: #fff;}
	.footer ul{padding: 56px 0 0 0;}
	.footer .tit{ color: #ffd737; font-size: 40px;}
	.footer .site{ width: 333px; height: auto;}
	.footer .copyright{position: relative; width: 430px; text-align: center;}
	.footer .copyright ul li a{display: inline-block; width: 51px; height: 61px;}
	.footer .copyright ul li a.icon-01{background: url(../images/f-hover-icon1.png) no-repeat;}
	.footer .copyright ul li a.icon-02{background: url(../images/f-hover-icon2.png) no-repeat; margin: 0 14px;}
	.footer .copyright ul li a.icon-03{background: url(../images/f-hover-icon3.png) no-repeat;}
	.footer .copyright ul li a.icon-01:hover{background: url(../images/f-icon1.png) no-repeat;}
	.footer .copyright ul li a.icon-02:hover{background: url(../images/f-icon2.png) no-repeat;}
	.footer .copyright ul li a.icon-03:hover{background: url(../images/f-icon3.png) no-repeat;}
	.footer .weixin-pic{position: absolute; width: 171px; height: 192px; top:30px; left: 50px; display: none;}